
<!doctype html>
<html lang="en" class="no-js">
  <head>
    
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width,initial-scale=1">
      
        <meta name="description" content="在线云文档">
      
      
        <meta name="author" content="小康">
      
      
        <link rel="canonical" href="https://mkdocs.codeslive.top/mkdocs/">
      
      <link rel="icon" href="../assets/images/favicon.png">
      <meta name="generator" content="mkdocs-1.4.2, mkdocs-material-8.5.8">
    
    
      
        <title>mkdoc - My Docs</title>
      
    
    
      <link rel="stylesheet" href="../assets/stylesheets/main.20d9efc8.min.css">
      
        
        <link rel="stylesheet" href="../assets/stylesheets/palette.815d1a91.min.css">
        
      
      

    
    
    
      
        
        
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
      
    
    
      <link rel="stylesheet" href="//cdn.staticaly.com/gh/codeslive/cdn@main/css/imageszoom.css">
    
    <script>__md_scope=new URL("..",location),__md_hash=e=>[...e].reduce((e,_)=>(e<<5)-e+_.charCodeAt(0),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
    
      

    
    
    
  </head>
  
  
    
    
      
    
    
    
    
    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="" data-md-color-accent="">
  
    
    
      <script>var palette=__md_get("__palette");if(palette&&"object"==typeof palette.color)for(var key of Object.keys(palette.color))document.body.setAttribute("data-md-color-"+key,palette.color[key])</script>
    
    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
    <label class="md-overlay" for="__drawer"></label>
    <div data-md-component="skip">
      
        
        <a href="#mkdocs" class="md-skip">
          Skip to content
        </a>
      
    </div>
    <div data-md-component="announce">
      
    </div>
    
    
      

  

<header class="md-header md-header--lifted" data-md-component="header">
  <nav class="md-header__inner md-grid" aria-label="Header">
    <a href=".." title="My Docs" class="md-header__button md-logo" aria-label="My Docs" data-md-component="logo">
      
  
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54Z"/></svg>

    </a>
    <label class="md-header__button md-icon" for="__drawer">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3V6m0 5h18v2H3v-2m0 5h18v2H3v-2Z"/></svg>
    </label>
    <div class="md-header__title" data-md-component="header-title">
      <div class="md-header__ellipsis">
        <div class="md-header__topic">
          <span class="md-ellipsis">
            My Docs
          </span>
        </div>
        <div class="md-header__topic" data-md-component="header-topic">
          <span class="md-ellipsis">
            
              mkdoc
            
          </span>
        </div>
      </div>
    </div>
    
      <form class="md-header__option" data-md-component="palette">
        
          
          
          <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="" data-md-color-accent=""  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_1">
          
            <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_2" hidden>
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0-7 2.39 3.42C13.65 5.15 12.84 5 12 5c-.84 0-1.65.15-2.39.42L12 2M3.34 7l4.16-.35A7.2 7.2 0 0 0 5.94 8.5c-.44.74-.69 1.5-.83 2.29L3.34 7m.02 10 1.76-3.77a7.131 7.131 0 0 0 2.38 4.14L3.36 17M20.65 7l-1.77 3.79a7.023 7.023 0 0 0-2.38-4.15l4.15.36m-.01 10-4.14.36c.59-.51 1.12-1.14 1.54-1.86.42-.73.69-1.5.83-2.29L20.64 17M12 22l-2.41-3.44c.74.27 1.55.44 2.41.44.82 0 1.63-.17 2.37-.44L12 22Z"/></svg>
            </label>
          
        
          
          
          <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="teal" data-md-color-accent=""  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_2">
          
            <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_1" hidden>
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m17.75 4.09-2.53 1.94.91 3.06-2.63-1.81-2.63 1.81.91-3.06-2.53-1.94L12.44 4l1.06-3 1.06 3 3.19.09m3.5 6.91-1.64 1.25.59 1.98-1.7-1.17-1.7 1.17.59-1.98L15.75 11l2.06-.05L18.5 9l.69 1.95 2.06.05m-2.28 4.95c.83-.08 1.72 1.1 1.19 1.85-.32.45-.66.87-1.08 1.27C15.17 23 8.84 23 4.94 19.07c-3.91-3.9-3.91-10.24 0-14.14.4-.4.82-.76 1.27-1.08.75-.53 1.93.36 1.85 1.19-.27 2.86.69 5.83 2.89 8.02a9.96 9.96 0 0 0 8.02 2.89m-1.64 2.02a12.08 12.08 0 0 1-7.8-3.47c-2.17-2.19-3.33-5-3.49-7.82-2.81 3.14-2.7 7.96.31 10.98 3.02 3.01 7.84 3.12 10.98.31Z"/></svg>
            </label>
          
        
      </form>
    
    
    
      <label class="md-header__button md-icon" for="__search">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z"/></svg>
      </label>
      <div class="md-search" data-md-component="search" role="dialog">
  <label class="md-search__overlay" for="__search"></label>
  <div class="md-search__inner" role="search">
    <form class="md-search__form" name="search">
      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
      <label class="md-search__icon md-icon" for="__search">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z"/></svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12Z"/></svg>
      </label>
      <nav class="md-search__options" aria-label="Search">
        
          <a href="javascript:void(0)" class="md-search__icon md-icon" title="Share" aria-label="Share" data-clipboard data-clipboard-text="" data-md-component="search-share" tabindex="-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7 0-.24-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.15c-.05.21-.08.43-.08.66 0 1.61 1.31 2.91 2.92 2.91 1.61 0 2.92-1.3 2.92-2.91A2.92 2.92 0 0 0 18 16.08Z"/></svg>
          </a>
        
        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41Z"/></svg>
        </button>
      </nav>
      
        <div class="md-search__suggest" data-md-component="search-suggest"></div>
      
    </form>
    <div class="md-search__output">
      <div class="md-search__scrollwrap" data-md-scrollfix>
        <div class="md-search-result" data-md-component="search-result">
          <div class="md-search-result__meta">
            Initializing search
          </div>
          <ol class="md-search-result__list"></ol>
        </div>
      </div>
    </div>
  </div>
</div>
    
    
      <div class="md-header__source">
        <a href="https://github.com/codeslive/mkdocs" title="Go to repository" class="md-source" data-md-component="source">
  <div class="md-source__icon md-icon">
    
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81z"/></svg>
  </div>
  <div class="md-source__repository">
    mkdocs
  </div>
</a>
      </div>
    
  </nav>
  
    
      
<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
  <div class="md-tabs__inner md-grid">
    <ul class="md-tabs__list">
      
        
  
  


  <li class="md-tabs__item">
    <a href=".." class="md-tabs__link">
      文档介绍
    </a>
  </li>

      
        
  
  
    
  


  
  
  
    

  
  
  
    <li class="md-tabs__item">
      <a href="./" class="md-tabs__link md-tabs__link--active">
        在线云文档
      </a>
    </li>
  

  

      
        
  
  


  
  
  
    

  
  
  
    <li class="md-tabs__item">
      <a href="../hexo/" class="md-tabs__link">
        个人博客搭建
      </a>
    </li>
  

  

      
        
  
  


  <li class="md-tabs__item">
    <a href="../record/" class="md-tabs__link">
      开发记录
    </a>
  </li>

      
    </ul>
  </div>
</nav>
    
  
</header>
    
    <div class="md-container" data-md-component="container">
      
      
        
      
      <main class="md-main" data-md-component="main">
        <div class="md-main__inner md-grid">
          
            
              
              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
                <div class="md-sidebar__scrollwrap">
                  <div class="md-sidebar__inner">
                    

  


  

<nav class="md-nav md-nav--primary md-nav--lifted md-nav--integrated" aria-label="Navigation" data-md-level="0">
  <label class="md-nav__title" for="__drawer">
    <a href=".." title="My Docs" class="md-nav__button md-logo" aria-label="My Docs" data-md-component="logo">
      
  
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54Z"/></svg>

    </a>
    My Docs
  </label>
  
    <div class="md-nav__source">
      <a href="https://github.com/codeslive/mkdocs" title="Go to repository" class="md-source" data-md-component="source">
  <div class="md-source__icon md-icon">
    
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81z"/></svg>
  </div>
  <div class="md-source__repository">
    mkdocs
  </div>
</a>
    </div>
  
  <ul class="md-nav__list" data-md-scrollfix>
    
      
      
      

  
  
  
    <li class="md-nav__item">
      <a href=".." class="md-nav__link">
        文档介绍
      </a>
    </li>
  

    
      
      
      

  
  
    
  
  
    
    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
      
      
        <input class="md-nav__toggle md-toggle" data-md-toggle="__nav_2" type="checkbox" id="__nav_2" checked>
      
      
      
        
          
        
          
        
      
      
        <label class="md-nav__link" for="__nav_2">
          在线云文档
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" aria-label="在线云文档" data-md-level="1">
        <label class="md-nav__title" for="__nav_2">
          <span class="md-nav__icon md-icon"></span>
          在线云文档
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
    
  
  
    
      
    
    <li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
      
      
        <input class="md-nav__toggle md-toggle" data-md-toggle="__nav_2_1" type="checkbox" id="__nav_2_1" checked>
      
      
      
        
          
        
          
        
      
      
        <label class="md-nav__link" for="__nav_2_1">
          静态云文档
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" aria-label="静态云文档" data-md-level="2">
        <label class="md-nav__title" for="__nav_2_1">
          <span class="md-nav__icon md-icon"></span>
          静态云文档
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
    
  
  
    <li class="md-nav__item md-nav__item--active">
      
      <input class="md-nav__toggle md-toggle" data-md-toggle="toc" type="checkbox" id="__toc">
      
      
      
        <label class="md-nav__link md-nav__link--active" for="__toc">
          mkdoc
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <a href="./" class="md-nav__link md-nav__link--active">
        mkdoc
      </a>
      
        

<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
  
  
  
  
    <label class="md-nav__title" for="__toc">
      <span class="md-nav__icon md-icon"></span>
      Table of contents
    </label>
    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
      
        <li class="md-nav__item">
  <a href="#mkdocs" class="md-nav__link">
    一、安装mkdocs
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_1" class="md-nav__link">
    二、创建项目
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_2" class="md-nav__link">
    三、文档预览
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_3" class="md-nav__link">
    四、更换主题
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#mkdocsyml" class="md-nav__link">
    五、进行mkdocs.yml配置
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_4" class="md-nav__link">
    部署站点
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_5" class="md-nav__link">
    六、相关教程
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_6" class="md-nav__link">
    七、效果演示
  </a>
  
    <nav class="md-nav" aria-label="七、效果演示">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#_7" class="md-nav__link">
    白天模式
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#_8" class="md-nav__link">
    夜间模式
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
    </ul>
  
</nav>
      
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../docsify/" class="md-nav__link">
        docsify
      </a>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

            
          
            
              
  
  
  
    
      
    
    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
      
      
        <input class="md-nav__toggle md-toggle md-toggle--indeterminate" data-md-toggle="__nav_2_2" type="checkbox" id="__nav_2_2" checked>
      
      
      
        
          
        
          
        
          
        
      
      
        <label class="md-nav__link" for="__nav_2_2">
          动态云文档
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" aria-label="动态云文档" data-md-level="2">
        <label class="md-nav__title" for="__nav_2_2">
          <span class="md-nav__icon md-icon"></span>
          动态云文档
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../leanote/" class="md-nav__link">
        leanote
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../mrdoc/" class="md-nav__link">
        mrdoc
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../showdoc/" class="md-nav__link">
        showdoc
      </a>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

    
      
      
      

  
  
  
    
    <li class="md-nav__item md-nav__item--nested">
      
      
        <input class="md-nav__toggle md-toggle md-toggle--indeterminate" data-md-toggle="__nav_3" type="checkbox" id="__nav_3" checked>
      
      
      
        
          
        
          
        
      
      
        <label class="md-nav__link" for="__nav_3">
          个人博客搭建
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" aria-label="个人博客搭建" data-md-level="1">
        <label class="md-nav__title" for="__nav_3">
          <span class="md-nav__icon md-icon"></span>
          个人博客搭建
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    
      
    
    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
      
      
        <input class="md-nav__toggle md-toggle md-toggle--indeterminate" data-md-toggle="__nav_3_1" type="checkbox" id="__nav_3_1" checked>
      
      
      
        
          
        
          
        
      
      
        <label class="md-nav__link" for="__nav_3_1">
          静态博客
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" aria-label="静态博客" data-md-level="2">
        <label class="md-nav__title" for="__nav_3_1">
          <span class="md-nav__icon md-icon"></span>
          静态博客
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../hexo/" class="md-nav__link">
        hexo
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../vuepress/" class="md-nav__link">
        vuepress
      </a>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

            
          
            
              
  
  
  
    
      
    
    <li class="md-nav__item md-nav__item--section md-nav__item--nested">
      
      
        <input class="md-nav__toggle md-toggle md-toggle--indeterminate" data-md-toggle="__nav_3_2" type="checkbox" id="__nav_3_2" checked>
      
      
      
        
          
        
          
        
      
      
        <label class="md-nav__link" for="__nav_3_2">
          动态博客
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" aria-label="动态博客" data-md-level="2">
        <label class="md-nav__title" for="__nav_3_2">
          <span class="md-nav__icon md-icon"></span>
          动态博客
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../halo/" class="md-nav__link">
        halo
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../worldpress/" class="md-nav__link">
        worldpress
      </a>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

    
      
      
      

  
  
  
    <li class="md-nav__item">
      <a href="../record/" class="md-nav__link">
        开发记录
      </a>
    </li>
  

    
  </ul>
</nav>
                  </div>
                </div>
              </div>
            
            
          
          
            <div class="md-content" data-md-component="content">
              <article class="md-content__inner md-typeset">
                
                  


  <h1>mkdoc</h1>

<h3 id="mkdocs">一、安装mkdocs</h3>
<div class="highlight"><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1" href="#__codelineno-0-1"></a>pip install mkdocs
</code></pre></div>
<h3 id="_1">二、创建项目</h3>
<div class="highlight"><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1" href="#__codelineno-1-1"></a>mkdocs new testdocs
</code></pre></div>
<h3 id="_2">三、文档预览</h3>
<div class="highlight"><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1" href="#__codelineno-2-1"></a>mkdocs serve
</code></pre></div>
<h3 id="_3">四、更换主题</h3>
<ol>
<li>下载主题</li>
</ol>
<p><div class="highlight"><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1" href="#__codelineno-3-1"></a>pip install mkdocs-material mkdocs-windmill
</code></pre></div>
2. mkdocs.yml里添加:</p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1" href="#__codelineno-4-1"></a>theme:
<a id="__codelineno-4-2" name="__codelineno-4-2" href="#__codelineno-4-2"></a>  name: &#39;material&#39;
</code></pre></div>
<h3 id="mkdocsyml">五、进行mkdocs.yml配置</h3>
<div class="highlight"><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1" href="#__codelineno-5-1"></a>site_name: My Docs
<a id="__codelineno-5-2" name="__codelineno-5-2" href="#__codelineno-5-2"></a>site_description: 在线云文档
<a id="__codelineno-5-3" name="__codelineno-5-3" href="#__codelineno-5-3"></a>site_author: 小康
<a id="__codelineno-5-4" name="__codelineno-5-4" href="#__codelineno-5-4"></a>copyright: Copyright &amp;copy; 2022 - 2099 小康
<a id="__codelineno-5-5" name="__codelineno-5-5" href="#__codelineno-5-5"></a>site_url: https://mkdocs.codeslive.top/
<a id="__codelineno-5-6" name="__codelineno-5-6" href="#__codelineno-5-6"></a>repo_url: https://github.com/codeslive/mkdocs
<a id="__codelineno-5-7" name="__codelineno-5-7" href="#__codelineno-5-7"></a>repo_name: mkdocs
<a id="__codelineno-5-8" name="__codelineno-5-8" href="#__codelineno-5-8"></a>edit_uri: &quot;&quot;
<a id="__codelineno-5-9" name="__codelineno-5-9" href="#__codelineno-5-9"></a># 主题配置
<a id="__codelineno-5-10" name="__codelineno-5-10" href="#__codelineno-5-10"></a>theme: 
<a id="__codelineno-5-11" name="__codelineno-5-11" href="#__codelineno-5-11"></a>    name: material
<a id="__codelineno-5-12" name="__codelineno-5-12" href="#__codelineno-5-12"></a>    language: en
<a id="__codelineno-5-13" name="__codelineno-5-13" href="#__codelineno-5-13"></a>    search_index_only: true
<a id="__codelineno-5-14" name="__codelineno-5-14" href="#__codelineno-5-14"></a>    palette:
<a id="__codelineno-5-15" name="__codelineno-5-15" href="#__codelineno-5-15"></a>    - media: &quot;(prefers-color-scheme: light)&quot;
<a id="__codelineno-5-16" name="__codelineno-5-16" href="#__codelineno-5-16"></a>      scheme: default
<a id="__codelineno-5-17" name="__codelineno-5-17" href="#__codelineno-5-17"></a>      toggle:
<a id="__codelineno-5-18" name="__codelineno-5-18" href="#__codelineno-5-18"></a>        icon: material//weather-sunny
<a id="__codelineno-5-19" name="__codelineno-5-19" href="#__codelineno-5-19"></a>        name: Switch to dark mode
<a id="__codelineno-5-20" name="__codelineno-5-20" href="#__codelineno-5-20"></a>    - media: &quot;(prefers-color-scheme: dark)&quot;
<a id="__codelineno-5-21" name="__codelineno-5-21" href="#__codelineno-5-21"></a>      primary: teal
<a id="__codelineno-5-22" name="__codelineno-5-22" href="#__codelineno-5-22"></a>      scheme: slate
<a id="__codelineno-5-23" name="__codelineno-5-23" href="#__codelineno-5-23"></a>      toggle:
<a id="__codelineno-5-24" name="__codelineno-5-24" href="#__codelineno-5-24"></a>        icon: material/weather-night
<a id="__codelineno-5-25" name="__codelineno-5-25" href="#__codelineno-5-25"></a>        name: Switch to light mode
<a id="__codelineno-5-26" name="__codelineno-5-26" href="#__codelineno-5-26"></a>    features:
<a id="__codelineno-5-27" name="__codelineno-5-27" href="#__codelineno-5-27"></a>    #- navigation.instant # 点击内部链接时，不用全部刷新页面
<a id="__codelineno-5-28" name="__codelineno-5-28" href="#__codelineno-5-28"></a>    - navigation.tracking # 在url中使用标题定位锚点
<a id="__codelineno-5-29" name="__codelineno-5-29" href="#__codelineno-5-29"></a>    - navigation.tabs # 顶部显示导航顶层nav（也就是第一个节点）
<a id="__codelineno-5-30" name="__codelineno-5-30" href="#__codelineno-5-30"></a>    - navigation.tabs.sticky # 滚动是隐藏顶部nav，需要配合navigation.tabs使用
<a id="__codelineno-5-31" name="__codelineno-5-31" href="#__codelineno-5-31"></a>    - navigation.sections # nav节点缩进
<a id="__codelineno-5-32" name="__codelineno-5-32" href="#__codelineno-5-32"></a>    - navigation.expand # 不折叠左侧nav节点
<a id="__codelineno-5-33" name="__codelineno-5-33" href="#__codelineno-5-33"></a>    - navigation.indexes # 指定节点index pages ，跟instant不兼容
<a id="__codelineno-5-34" name="__codelineno-5-34" href="#__codelineno-5-34"></a>    - toc.integrate # 右侧生产目录
<a id="__codelineno-5-35" name="__codelineno-5-35" href="#__codelineno-5-35"></a>    - toc.integrate #导航集成
<a id="__codelineno-5-36" name="__codelineno-5-36" href="#__codelineno-5-36"></a>    - navigation.top # 一键回顶部
<a id="__codelineno-5-37" name="__codelineno-5-37" href="#__codelineno-5-37"></a>    - header.autohide
<a id="__codelineno-5-38" name="__codelineno-5-38" href="#__codelineno-5-38"></a>    - search.share # 搜索分享
<a id="__codelineno-5-39" name="__codelineno-5-39" href="#__codelineno-5-39"></a>    - search.suggest # 搜索建议
<a id="__codelineno-5-40" name="__codelineno-5-40" href="#__codelineno-5-40"></a>    - search.highlight #搜索高亮
<a id="__codelineno-5-41" name="__codelineno-5-41" href="#__codelineno-5-41"></a>
<a id="__codelineno-5-42" name="__codelineno-5-42" href="#__codelineno-5-42"></a>
<a id="__codelineno-5-43" name="__codelineno-5-43" href="#__codelineno-5-43"></a>
<a id="__codelineno-5-44" name="__codelineno-5-44" href="#__codelineno-5-44"></a>
<a id="__codelineno-5-45" name="__codelineno-5-45" href="#__codelineno-5-45"></a>plugins:
<a id="__codelineno-5-46" name="__codelineno-5-46" href="#__codelineno-5-46"></a>  - search:
<a id="__codelineno-5-47" name="__codelineno-5-47" href="#__codelineno-5-47"></a>      jieba_dict: user_dict.txt
<a id="__codelineno-5-48" name="__codelineno-5-48" href="#__codelineno-5-48"></a>
<a id="__codelineno-5-49" name="__codelineno-5-49" href="#__codelineno-5-49"></a>
<a id="__codelineno-5-50" name="__codelineno-5-50" href="#__codelineno-5-50"></a>
<a id="__codelineno-5-51" name="__codelineno-5-51" href="#__codelineno-5-51"></a>
<a id="__codelineno-5-52" name="__codelineno-5-52" href="#__codelineno-5-52"></a># 图标
<a id="__codelineno-5-53" name="__codelineno-5-53" href="#__codelineno-5-53"></a>icon:
<a id="__codelineno-5-54" name="__codelineno-5-54" href="#__codelineno-5-54"></a>    admonition:
<a id="__codelineno-5-55" name="__codelineno-5-55" href="#__codelineno-5-55"></a>      note: octicons/tag-16
<a id="__codelineno-5-56" name="__codelineno-5-56" href="#__codelineno-5-56"></a>      abstract: octicons/checklist-16
<a id="__codelineno-5-57" name="__codelineno-5-57" href="#__codelineno-5-57"></a>      info: octicons/info-16
<a id="__codelineno-5-58" name="__codelineno-5-58" href="#__codelineno-5-58"></a>      tip: octicons/squirrel-16
<a id="__codelineno-5-59" name="__codelineno-5-59" href="#__codelineno-5-59"></a>      success: octicons/check-16
<a id="__codelineno-5-60" name="__codelineno-5-60" href="#__codelineno-5-60"></a>      question: octicons/question-16
<a id="__codelineno-5-61" name="__codelineno-5-61" href="#__codelineno-5-61"></a>      warning: octicons/alert-16
<a id="__codelineno-5-62" name="__codelineno-5-62" href="#__codelineno-5-62"></a>      failure: octicons/x-circle-16
<a id="__codelineno-5-63" name="__codelineno-5-63" href="#__codelineno-5-63"></a>      danger: octicons/zap-16
<a id="__codelineno-5-64" name="__codelineno-5-64" href="#__codelineno-5-64"></a>      bug: octicons/bug-16
<a id="__codelineno-5-65" name="__codelineno-5-65" href="#__codelineno-5-65"></a>      example: octicons/beaker-16
<a id="__codelineno-5-66" name="__codelineno-5-66" href="#__codelineno-5-66"></a>      quote: octicons/quote-16
<a id="__codelineno-5-67" name="__codelineno-5-67" href="#__codelineno-5-67"></a>
<a id="__codelineno-5-68" name="__codelineno-5-68" href="#__codelineno-5-68"></a># 扩展
<a id="__codelineno-5-69" name="__codelineno-5-69" href="#__codelineno-5-69"></a>markdown_extensions:
<a id="__codelineno-5-70" name="__codelineno-5-70" href="#__codelineno-5-70"></a>  - admonition
<a id="__codelineno-5-71" name="__codelineno-5-71" href="#__codelineno-5-71"></a>  - pymdownx.details
<a id="__codelineno-5-72" name="__codelineno-5-72" href="#__codelineno-5-72"></a>  - pymdownx.superfences
<a id="__codelineno-5-73" name="__codelineno-5-73" href="#__codelineno-5-73"></a>  - abbr
<a id="__codelineno-5-74" name="__codelineno-5-74" href="#__codelineno-5-74"></a>  - pymdownx.snippets
<a id="__codelineno-5-75" name="__codelineno-5-75" href="#__codelineno-5-75"></a>  - def_list
<a id="__codelineno-5-76" name="__codelineno-5-76" href="#__codelineno-5-76"></a>  - tables
<a id="__codelineno-5-77" name="__codelineno-5-77" href="#__codelineno-5-77"></a>  - pymdownx.tasklist:
<a id="__codelineno-5-78" name="__codelineno-5-78" href="#__codelineno-5-78"></a>      custom_checkbox: true
<a id="__codelineno-5-79" name="__codelineno-5-79" href="#__codelineno-5-79"></a>  - attr_list
<a id="__codelineno-5-80" name="__codelineno-5-80" href="#__codelineno-5-80"></a>  - md_in_html
<a id="__codelineno-5-81" name="__codelineno-5-81" href="#__codelineno-5-81"></a>  - meta
<a id="__codelineno-5-82" name="__codelineno-5-82" href="#__codelineno-5-82"></a>  - pymdownx.highlight:
<a id="__codelineno-5-83" name="__codelineno-5-83" href="#__codelineno-5-83"></a>      anchor_linenums: true
<a id="__codelineno-5-84" name="__codelineno-5-84" href="#__codelineno-5-84"></a>  - pymdownx.inlinehilite
<a id="__codelineno-5-85" name="__codelineno-5-85" href="#__codelineno-5-85"></a>  - pymdownx.caret #下划线
<a id="__codelineno-5-86" name="__codelineno-5-86" href="#__codelineno-5-86"></a>  - pymdownx.mark #文本高亮
<a id="__codelineno-5-87" name="__codelineno-5-87" href="#__codelineno-5-87"></a>  - pymdownx.tilde #删除线
<a id="__codelineno-5-88" name="__codelineno-5-88" href="#__codelineno-5-88"></a>
<a id="__codelineno-5-89" name="__codelineno-5-89" href="#__codelineno-5-89"></a>
<a id="__codelineno-5-90" name="__codelineno-5-90" href="#__codelineno-5-90"></a>
<a id="__codelineno-5-91" name="__codelineno-5-91" href="#__codelineno-5-91"></a># 自定义css
<a id="__codelineno-5-92" name="__codelineno-5-92" href="#__codelineno-5-92"></a>extra_css: 
<a id="__codelineno-5-93" name="__codelineno-5-93" href="#__codelineno-5-93"></a>   - &#39;//cdn.staticaly.com/gh/codeslive/cdn@main/css/imageszoom.css&#39; #图片放大css
<a id="__codelineno-5-94" name="__codelineno-5-94" href="#__codelineno-5-94"></a>  #- &#39;//cdn.staticaly.com/gh/codeslive/images-pages@main/cdn/css/custom.css&#39;
<a id="__codelineno-5-95" name="__codelineno-5-95" href="#__codelineno-5-95"></a>  #- &#39;//cdn.staticaly.com/gh/codeslive/images-pages@main/cdn/css/simplelightbox.min.css&#39; #图片放大css
<a id="__codelineno-5-96" name="__codelineno-5-96" href="#__codelineno-5-96"></a>
<a id="__codelineno-5-97" name="__codelineno-5-97" href="#__codelineno-5-97"></a># 自定义js
<a id="__codelineno-5-98" name="__codelineno-5-98" href="#__codelineno-5-98"></a>extra_javascript: 
<a id="__codelineno-5-99" name="__codelineno-5-99" href="#__codelineno-5-99"></a>  - &#39;//cdn.staticaly.com/gh/codeslive/cdn@main/js/busuanzi.pure.mini.js&#39; # 网站访问统计
<a id="__codelineno-5-100" name="__codelineno-5-100" href="#__codelineno-5-100"></a>  - &#39;//cdn.staticaly.com/gh/codeslive/cdn@main/js/imageszoom.js&#39; # 图片放大js
<a id="__codelineno-5-101" name="__codelineno-5-101" href="#__codelineno-5-101"></a>  #- &#39;//cdn.staticaly.com/gh/codeslive/cdn@main/js/jquery-3.2.1.min.js&#39; 
<a id="__codelineno-5-102" name="__codelineno-5-102" href="#__codelineno-5-102"></a>  #- &#39;//cdn.staticaly.com/gh/codeslive/cdn@main/js/simplelightbox.min.js&#39;  #图片放大js
<a id="__codelineno-5-103" name="__codelineno-5-103" href="#__codelineno-5-103"></a>  #- &#39;//cdn.staticaly.com/gh/codeslive/cdn@main/js/custom.js&#39;
<a id="__codelineno-5-104" name="__codelineno-5-104" href="#__codelineno-5-104"></a>
<a id="__codelineno-5-105" name="__codelineno-5-105" href="#__codelineno-5-105"></a>
<a id="__codelineno-5-106" name="__codelineno-5-106" href="#__codelineno-5-106"></a># 设置
<a id="__codelineno-5-107" name="__codelineno-5-107" href="#__codelineno-5-107"></a>extra:
<a id="__codelineno-5-108" name="__codelineno-5-108" href="#__codelineno-5-108"></a>    social:
<a id="__codelineno-5-109" name="__codelineno-5-109" href="#__codelineno-5-109"></a>        -   icon: fontawesome/brands/github
<a id="__codelineno-5-110" name="__codelineno-5-110" href="#__codelineno-5-110"></a>            link: https://github.com/codeslive
<a id="__codelineno-5-111" name="__codelineno-5-111" href="#__codelineno-5-111"></a>            name: github
<a id="__codelineno-5-112" name="__codelineno-5-112" href="#__codelineno-5-112"></a>        -   icon: fontawesome/brands/slack
<a id="__codelineno-5-113" name="__codelineno-5-113" href="#__codelineno-5-113"></a>            link: https://codeslive.github.io
<a id="__codelineno-5-114" name="__codelineno-5-114" href="#__codelineno-5-114"></a>            name: myblog
<a id="__codelineno-5-115" name="__codelineno-5-115" href="#__codelineno-5-115"></a>        -   icon: fontawesome/solid/paper-plane
<a id="__codelineno-5-116" name="__codelineno-5-116" href="#__codelineno-5-116"></a>            link: 2783779285@qq.com
<a id="__codelineno-5-117" name="__codelineno-5-117" href="#__codelineno-5-117"></a>            name: 邮箱地址
<a id="__codelineno-5-118" name="__codelineno-5-118" href="#__codelineno-5-118"></a>
<a id="__codelineno-5-119" name="__codelineno-5-119" href="#__codelineno-5-119"></a># 文档区
<a id="__codelineno-5-120" name="__codelineno-5-120" href="#__codelineno-5-120"></a>nav:
<a id="__codelineno-5-121" name="__codelineno-5-121" href="#__codelineno-5-121"></a>    - 文档介绍: &#39;index.md&#39;
<a id="__codelineno-5-122" name="__codelineno-5-122" href="#__codelineno-5-122"></a>    - &#39;在线云文档&#39;:
<a id="__codelineno-5-123" name="__codelineno-5-123" href="#__codelineno-5-123"></a>        - &#39;静态云文档&#39;:
<a id="__codelineno-5-124" name="__codelineno-5-124" href="#__codelineno-5-124"></a>            - mkdoc : &#39;mkdocs.md&#39;
<a id="__codelineno-5-125" name="__codelineno-5-125" href="#__codelineno-5-125"></a>            - docsify : &#39;docsify.md&#39;
<a id="__codelineno-5-126" name="__codelineno-5-126" href="#__codelineno-5-126"></a>        - &#39;动态云文档&#39;:
<a id="__codelineno-5-127" name="__codelineno-5-127" href="#__codelineno-5-127"></a>            - leanote : &#39;leanote.md&#39;
<a id="__codelineno-5-128" name="__codelineno-5-128" href="#__codelineno-5-128"></a>            - mrdoc : &#39;mrdoc.md&#39;
<a id="__codelineno-5-129" name="__codelineno-5-129" href="#__codelineno-5-129"></a>            - showdoc: &#39;showdoc.md&#39;
<a id="__codelineno-5-130" name="__codelineno-5-130" href="#__codelineno-5-130"></a>    - 个人博客搭建:
<a id="__codelineno-5-131" name="__codelineno-5-131" href="#__codelineno-5-131"></a>        - &#39;静态博客&#39;:
<a id="__codelineno-5-132" name="__codelineno-5-132" href="#__codelineno-5-132"></a>            - hexo : &#39;hexo.md&#39;
<a id="__codelineno-5-133" name="__codelineno-5-133" href="#__codelineno-5-133"></a>            - vuepress : &#39;vuepress.md&#39;
<a id="__codelineno-5-134" name="__codelineno-5-134" href="#__codelineno-5-134"></a>        - &#39;动态博客&#39;:
<a id="__codelineno-5-135" name="__codelineno-5-135" href="#__codelineno-5-135"></a>            - halo : &#39;halo.md&#39;
<a id="__codelineno-5-136" name="__codelineno-5-136" href="#__codelineno-5-136"></a>            - worldpress : &#39;worldpress.md&#39;
<a id="__codelineno-5-137" name="__codelineno-5-137" href="#__codelineno-5-137"></a>    - 开发记录: &#39;record.md&#39;
</code></pre></div>
<h3 id="_4">部署站点</h3>
<div class="highlight"><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1" href="#__codelineno-6-1"></a> 1. 打包命令
<a id="__codelineno-6-2" name="__codelineno-6-2" href="#__codelineno-6-2"></a> mkdocs build
<a id="__codelineno-6-3" name="__codelineno-6-3" href="#__codelineno-6-3"></a> 2. 添加仓库
<a id="__codelineno-6-4" name="__codelineno-6-4" href="#__codelineno-6-4"></a> git init
<a id="__codelineno-6-5" name="__codelineno-6-5" href="#__codelineno-6-5"></a> git remote add origin gh repo clone codeslive/mkdocs
<a id="__codelineno-6-6" name="__codelineno-6-6" href="#__codelineno-6-6"></a> 3. 上传
<a id="__codelineno-6-7" name="__codelineno-6-7" href="#__codelineno-6-7"></a> mkdocs gh-deploy
<a id="__codelineno-6-8" name="__codelineno-6-8" href="#__codelineno-6-8"></a> or
<a id="__codelineno-6-9" name="__codelineno-6-9" href="#__codelineno-6-9"></a> mkdocs build --clean &amp;&amp; mkdocs gh-deploy
</code></pre></div>
<h3 id="_5">六、相关教程</h3>
<ul>
<li>
<p><a href="https://juejin.cn/post/7066641709198737416#heading-5">快来美化你的MKDocs吧</a></p>
</li>
<li>
<p><a href="https://squidfunk.github.io/mkdocs-material/setup/changing-the-colors/">mkdocs-material</a></p>
</li>
</ul>
<h3 id="_6">七、效果演示</h3>
<h6 id="_7">白天模式</h6>
<p><img alt="" src="https://cdn.staticaly.com/gh/codeslive/images-pages@main/2022/202211072046868.webp" /></p>
<h6 id="_8">夜间模式</h6>
<p><img alt="" src="https://cdn.staticaly.com/gh/codeslive/images-pages@main/2022/202211072045847.webp" /></p>





                
              </article>
            </div>
          
          
        </div>
        
          <a href="#" class="md-top md-icon" data-md-component="top" hidden>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12Z"/></svg>
            Back to top
          </a>
        
      </main>
      
        <footer class="md-footer">
  
    
    <nav class="md-footer__inner md-grid" aria-label="Footer" >
      
        
        <a href=".." class="md-footer__link md-footer__link--prev" aria-label="Previous: 文档介绍" rel="prev">
          <div class="md-footer__button md-icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12Z"/></svg>
          </div>
          <div class="md-footer__title">
            <div class="md-ellipsis">
              <span class="md-footer__direction">
                Previous
              </span>
              文档介绍
            </div>
          </div>
        </a>
      
      
        
        <a href="../docsify/" class="md-footer__link md-footer__link--next" aria-label="Next: docsify" rel="next">
          <div class="md-footer__title">
            <div class="md-ellipsis">
              <span class="md-footer__direction">
                Next
              </span>
              docsify
            </div>
          </div>
          <div class="md-footer__button md-icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11H4Z"/></svg>
          </div>
        </a>
      
    </nav>
  
  <div class="md-footer-meta md-typeset">
    <div class="md-footer-meta__inner md-grid">
      <div class="md-copyright">
  
    <div class="md-copyright__highlight">
      Copyright &copy; 2022 - 2099 小康
    </div>
  
  
    Made with
    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
      Material for MkDocs
    </a>
  
</div>
      
        <div class="md-social">
  
    
    
    <a href="https://github.com/codeslive" target="_blank" rel="noopener" title="github" class="md-social__link">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>
    </a>
  
    
    
    <a href="https://codeslive.github.io" target="_blank" rel="noopener" title="myblog" class="md-social__link">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc.--><path d="M94.12 315.1c0 25.9-21.16 47.06-47.06 47.06S0 341 0 315.1c0-25.9 21.16-47.06 47.06-47.06h47.06v47.06zm23.72 0c0-25.9 21.16-47.06 47.06-47.06s47.06 21.16 47.06 47.06v117.84c0 25.9-21.16 47.06-47.06 47.06s-47.06-21.16-47.06-47.06V315.1zm47.06-188.98c-25.9 0-47.06-21.16-47.06-47.06S139 32 164.9 32s47.06 21.16 47.06 47.06v47.06H164.9zm0 23.72c25.9 0 47.06 21.16 47.06 47.06s-21.16 47.06-47.06 47.06H47.06C21.16 243.96 0 222.8 0 196.9s21.16-47.06 47.06-47.06H164.9zm188.98 47.06c0-25.9 21.16-47.06 47.06-47.06 25.9 0 47.06 21.16 47.06 47.06s-21.16 47.06-47.06 47.06h-47.06V196.9zm-23.72 0c0 25.9-21.16 47.06-47.06 47.06-25.9 0-47.06-21.16-47.06-47.06V79.06c0-25.9 21.16-47.06 47.06-47.06 25.9 0 47.06 21.16 47.06 47.06V196.9zM283.1 385.88c25.9 0 47.06 21.16 47.06 47.06 0 25.9-21.16 47.06-47.06 47.06-25.9 0-47.06-21.16-47.06-47.06v-47.06h47.06zm0-23.72c-25.9 0-47.06-21.16-47.06-47.06 0-25.9 21.16-47.06 47.06-47.06h117.84c25.9 0 47.06 21.16 47.06 47.06 0 25.9-21.16 47.06-47.06 47.06H283.1z"/></svg>
    </a>
  
    
    
    <a href="2783779285@qq.com" target="_blank" rel="noopener" title="邮箱地址" class="md-social__link">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc.--><path d="M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6l-126.3-52.5-40.1 74.5c-5.2 9.7-16.3 14.6-27 11.9S192 499 192 488v-96c0-5.3 1.8-10.5 5.1-14.7l165.3-212.6c2.5-7.1-6.5-14.3-13-8.4l-179 161.9-32 28.9c-9.2 8.3-22.3 10.6-33.8 5.8l-85-35.4C8.4 312.8.8 302.2.1 290s5.5-23.7 16.1-29.8l448-256c10.7-6.1 23.9-5.5 34 1.4z"/></svg>
    </a>
  
</div>
      
    </div>
  </div>
</footer>
      
    </div>
    <div class="md-dialog" data-md-component="dialog">
      <div class="md-dialog__inner md-typeset"></div>
    </div>
    
    <script id="__config" type="application/json">{"base": "..", "features": ["navigation.tracking", "navigation.tabs", "navigation.tabs.sticky", "navigation.sections", "navigation.expand", "navigation.indexes", "toc.integrate", "toc.integrate", "navigation.top", "header.autohide", "search.share", "search.suggest", "search.highlight"], "search": "../assets/javascripts/workers/search.16e2a7d4.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.config.lang": "en", "search.config.pipeline": "trimmer, stopWordFilter", "search.config.separator": "[\\s\\-]+", "search.placeholder": "Search", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version.title": "Select version"}}</script>
    
    
      <script src="../assets/javascripts/bundle.d6c3db9e.min.js"></script>
      
        <script src="//cdn.staticaly.com/gh/codeslive/cdn@main/js/busuanzi.pure.mini.js"></script>
      
        <script src="//cdn.staticaly.com/gh/codeslive/cdn@main/js/imageszoom.js"></script>
      
    
  </body>
</html>